<!-- 
    replace()方法可以替换字符串操作，用来替换的参数可以是一个字符或者是一个正则表达式
    stringObject.replace(regexp/substr,replacement)
    1.第一个参数：被替换的字符串或者是正则表达式
    2.第二个参数：替换为的字符串
    3.第三个参数：返回值是一个完毕的新字符串
    
    /表达式/[switch]
    switch(也称之为修饰符)按照什么样式匹配，有三种值
    g:全局匹配
    i:忽略大小写
    gi:全局匹配，忽略大小写

 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

    </style>
</head>

<body>
    <textarea name="" id="message"></textarea><button>提交</button>
    <div></div>
    <script>
        //替换 replace
        // var str = "andy和red";
        // var newStr = str.replace('andy', 'baby');  //两个参数1.被替换的，2，替换的
        // var newStr = str.replace(/andy/, 'baby');
        // console.log(newStr);

        var text = document.querySelector('textarea');
        var btn = document.querySelector('button');
        var div = document.querySelector('div')

        btn.onclick = function () {
            div.innerHTML = text.value.replace(/激情|搞基|卧槽/g, '**')
        }

    </script>
</body>

</html>